雖然不算是學習過程遇到的問題，不過直到前兩個月開始翻 HTML / CSS 的書籍才了解元素的組成架構，最一開始接觸時就是從怎麼寫一些基本的 HTML 標籤，不記得有什麼開始標籤、結尾標籤等名稱，也不知道「屬性」是什麼 XD

元素的組成

• 開始（起始）標籤（The opening tag），例如 <div>
• 結尾（結束）標籤（The closing tag），例如 </div>
• 開始與結尾標籤之間就是此 HTML 元素的內容
• 開始、結尾標籤與內容的組合就是一個元素

其中在開始標籤可以設定元素的屬性，最常使用的就是 class 屬性，在 class 屬性的屬性值就是 class 名稱，寫法為：

<div class="header">123</div>

看過很多種不同的寫法，例如：
會在屬性間空格：class = " header "
沒有引號：class= header
使用單引號：class = 'header'

雖然從開發者模式來看都會自動轉換成預設的寫法（class="header"），不過為了不產生預期外的錯誤還是推薦原本預設的寫法就可以了 XD

空元素

空元素也是一個我不熟悉名稱，卻很常使用的東西

空元素沒有結尾標籤，若加上結尾標籤就是無效的 HTML ，也沒有內容，沒有內容因此稱空元素

最常使用的就是 <img>

<img src="images/firefox-icon.png" alt="My test image">

以及幾個也常用的空元素

• <br>
• <hr>
• <input type="text">
• <link rel="stylesheet" href="style.css">
• <meta charset="UTF-8">

參考來源：
Empty element
HTML 基礎